{% extends 'base.html' %}

{% block content %}
    <div class="container">
        <div class="panel panel-default" id="header" STYLE="text-align: center">
            <span>服务</span>
        </div>
        <hr/>
    </div>

    <div class="container">
        <div class="row">
        {% for pub in pub_list %}
            <div class="col-xs-6 col-md-3">
                <a href="{{ pub.link }}" class="thumbnail pub" >
                    <p  style="vertical-align: middle">{{ pub.name }}</p>
                </a>
            </div>
        {% endfor %}
            <div class="col-xs-6 col-md-3 ">
                <a href="" class="thumbnail pub">
                    <span>x1</span>
                </a>
            </div>

            <div class="col-xs-6 col-md-3">
                <a href="" class="thumbnail pub">
                    <span>x1</span>
                </a>
            </div>

            <div class="col-xs-6 col-md-3">
                <a href="" class="thumbnail pub">
                    <span>x1</span>
                </a>
            </div>
        </div>
    </div>
{% endblock %}
